<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
		/*1.抓到图片元素*/
		img{
			transition: transform 1s;
		}
		
		/*2.在图片上进行旋转*/
		img:hover{
			transform: rotate(36000000000000000000000000000000000deg);
		}
        </style>
	</head>
	<body>
		<!-- 音视频元素  参考图片元素写法  video  audio
		html5针对属性和属性值一致情况：省去属性值
		autoplay属性 自动播放一次
		controls属性 播放条；
		loop 无限次播放
		-->
		<video src="img/oceans-clip.mp4"autoplay controls="autoplay"></video>
		<audio src="img/dafengche.mp3"autoplay controls loop="autoplay"></audio>
		<!--1. 大风车图片引入 -->
		<img src="img/dfc.jpg" alt="大风车"/>
	</body>
</html>